<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"></meta>
    <title>doccontent</title>
</head>
<body>
<doccontent th:fragment="doccontent">
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1>我的文件/文档</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="index">Home</a></li>
                            <li class="breadcrumb-item active">我的文件/文档</li>
                            <div class="tipmsg" th:if="${session.tipmsg} != null">
                                <span th:text="${session.tipmsg}" style="margin-right: 25px"></span><i
                                    class="fas fa-times" onclick="closeTip()"></i>
                            </div>
                            <div class="tipmsg1" style="display: none">
                            </div>
                        </ol>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <span id="fileid" style="display: none"></span>
                <span id="filename" style="display: none"></span>
                <div class="row" th:if="${files.size() > 0}">

                    <div class="col-lg-3 col-md-6 col-sm-6 files" th:each="f:${files}">
                        <span style="display: none" id="tempid" th:text="${f.myFileId}"></span>
                        <span style="display: none" id="tempname" th:text="${f.myFileName}"></span>
                        <span style="display: none" id="temppostfix" th:text="${f.postfix}"></span>
                        <div style="display: flex;flex-direction: column;align-items: center" class="main-card">
                            <div th:if="${f.postfix} eq '.pdf'" class="icon pdf"><span
                                    style="padding-left: 10px">PDF</span></div>
                            <div th:if="${f.postfix} eq '.doc'" class="icon doc"><span
                                    style="padding-left: 10px">DOC</span></div>
                            <div th:if="${f.postfix} eq '.xls'" class="icon xls"><span
                                    style="padding-left: 10px">XLS</span></div>
                            <div th:if="${f.postfix} eq '.chm'" class="icon chm"><span
                                    style="padding-left: 10px">CHM</span></div>
                            <div th:if="${f.postfix} eq '.txt'" class="icon txt"><span
                                    style="padding-left: 10px">TXT</span></div>
                            <div th:if="${f.postfix} eq '.xmind'" class="icon xmind"><span style="padding-left: 10px">XMIND</span>
                            </div>
                            <div th:if="${f.postfix} eq '.xlsx'" class="icon xlsx"><span
                                    style="padding-left: 10px">XLST</span></div>
                            <div th:if="${f.postfix} eq '.docx'" class="icon docx"><span
                                    style="padding-left: 10px">DOCX</span></div>
                            <div th:if="${f.postfix} eq '.pptx'" class="icon pptx"><span
                                    style="padding-left: 10px">PPTX</span></div>
                            <div th:if="${f.postfix} eq '.wps'" class="icon wps"><span
                                    style="padding-left: 10px">WPS</span></div>
                            <div th:if="${f.postfix} eq '.word'" class="icon word"><span
                                    style="padding-left: 10px">WORD</span></div>
                            <div th:if="${f.postfix} eq '.html'" class="icon html"><span
                                    style="padding-left: 10px">HTML</span></div>

                            <div style="width: 160px;text-align: center" class="editname" th:if="${f.size > 1024}"
                                 th:text="${f.myFileName+f.postfix+'('+f.size/1024 +'MB)'}"></div>
                            <div style="width: 160px;text-align: center" class="editname" th:if="${f.size < 1024}"
                                 th:text="${f.myFileName+f.postfix+'('+f.size +'KB)'}"></div>

                        </div>
                    </div>
                </div>

                <div class="row" th:if="${files.size() == 0}">
                    <div class="col-12 col-sm-12 col-lg-12">
                        <div class="alert alert-primary alert-has-icon alert-dismissible show fade">
                            <div class="alert-icon"><i class="ion ion-ios-lightbulb-outline"></i></div>
                            <div class="alert-body">
                                <button class="close" data-dismiss="alert">
                                    <span>×</span>
                                </button>
                                <div class="alert-title">这里空空的，什么都没有..</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.row -->
            </div><!-- /.container-fluid -->
            <div class="row">
                <div class="col-12">
                    <div class="zxf_pagediv"></div>
                </div>
            </div>
            <div id="pageNum" style="display: none">[[${page.getPages()}]]</div>
            <div id="current" style="display: none">[[${page.getPageNum()}]]</div>
        </section>
        <!-- /.content -->
    </div>
</doccontent>
</body>
</html>